<template>
  <div class="shopcar-container">
    <!--<h1>{{$route.query.num1}}</h1>-->
    <img id="headimg" src="../assets/images/t1.jpg">
    <div class="goods-list">
      <div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
            <img src="../assets/images/nv-fy.jpg">

            <div class="info">
              <h1>java</h1>
              <p>
                <span class="price">￥价格38元</span>
                <numbox></numbox>
              </p>
            </div>
					</div>
				</div>
			</div>
    </div>
    <p>当前购物车的总数量为:{{this.$store.state.totalcount}}</p>
    <a href="http://localhost:8080/payment" >购买</a>
  </div>

</template>

<script>
import numbox from "@/components/subcomponents/ShopcarNumbox";
export default {
  data() {
    return {};
  },
  created() {},
  methods: {},
  components: {
    numbox
  }
};
</script>

<style  scoped>
#headimg{
  height: 50px;
  width: 50px;
}

.shopcar-container {
  background-color: #eee;
  overflow: hidden;
}
.shopcar-container .goods-list .mui-card-content-inner {
  display: flex;
  align-items: center;
}
.shopcar-container .goods-list .mui-card-content-inner img {
  width: 60px;
}
.shopcar-container .goods-list .mui-card-content-inner h1 {
  font-size: 13px;
}
.shopcar-container .goods-list .mui-card-content-inner .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shopcar-container .goods-list .mui-card-content-inner .info .price {
  color: red;
  font-weight: bold;
}

</style>
